import PropTypes from 'prop-types'; // 引入 prop-types 库，用于类型检查
import React, { memo } from 'react';
import RoomItem from '../room-item'; // 引入 RoomItem 组件
import { RoomsWrapper } from './style'; // 引入样式组件 RoomsWrapper

const SectionRooms = memo((props) => {
  // 从 props 中解构 roomList
    const { roomList,itemwidth="25%" } = props; 

    return (
        <RoomsWrapper>
            {
                // 遍历 roomList 数组的前 8 个元素，并为每个元素渲染一个 RoomItem 组件
                roomList?.slice(0, 8)?.map(item => {
                    return <RoomItem itemData={item} key={item.id} itemwidth={itemwidth} />;
                })
            }
        </RoomsWrapper>
    );
});

// 定义 SectionRooms 组件的属性类型
SectionRooms.propTypes = {
  // roomList 属性应为数组类型
    roomList: PropTypes.array 
};

export default SectionRooms; 
